<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>确认订单</title>
    <script src="./js/remScale.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/order.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('iconfont.ttf?t=1622789329604') format('truetype');
        }
        .iconfont {
            font-family: "iconfont" !important;
            font-size: .16rem;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <header id="ord_header">
        <div class="ma">
            <h2>代用名&nbsp;188****8888</h2>
            <p>北京&nbsp;北京市&nbsp;昌平区&nbsp;朱辛庄中公教育实训基地IT教学楼&nbsp;2号楼&nbsp;2202室</p>
        </div>
    </header>
    <!-- 订单物品详情 -->
    <main id="ord_main">
        <div class="ord_main_title">
            <p>
                <span class="iconfont">&#xf0179;</span>
                <span>品牌精选</span>
            </p>
            <span class="last">已免运费<a href="#">领券</a></span>
        </div>
        <div class="ord_main_info">
            <img src="./images/1.png" alt="">
            <div>
                <h2>溪牧原山茶花洁面泡沫&nbsp;氨基酸洗面奶150ML&nbsp;浸透舒缓</h2>
                <p class="clearfix">￥<strong>999</strong><span class="fr">x1</span></p>
                <div class="seven_day">
                    <div>七天无理由退货</div>
                    <div>特价</div>
                </div>
            </div>
        </div>
        <div class="ord_main_info">
            <img src="./images/2.png" alt="">
            <div>
                <h2>水肌美男士清爽控油洗面奶100g</h2>
                <p class="clearfix">￥<strong>999</strong><span class="fr">x1</span></p>
                <div class="seven_day">
                    <div>七天无理由退货</div>
                    <div>特价</div>
                </div>
            </div>
        </div>
        <p class="invoice clearfix">
            发票类型
            <span class="fr">不开发票&nbsp;></span>
        </p>
        <p class="service clearfix">
            售后免邮
            <span class="fr">部分商家赠送</span>
        </p>
        <p class="l_message clearfix">
            买家留言
            <span class="fr">填写内容需要与商家协商并确认，45字以内</span>
        </p>
    </main>
    <!-- 金额以及减免 -->
    <div id="ord_cost">
        <p class="clearfix">
            商品金额
            <span class="fr">￥1998</span>
        </p>
        <p class="clearfix">
            优惠活动
            <span class="fr" style="color: #FF6040;">-￥200</span>
        </p>
        <p class="clearfix">
            优惠券
            <span class="fr">暂无可用></span>
        </p>
    </div>
    <!-- 底部 -->
    <footer id="ord_footer">
        <div class="ordf_left">
            <div>
                <h2>合计</h2>
                <p>已免运费</p>
            </div>
            <div>
                <h2>￥1998</h2>
                <p>已优惠￥200元</p>
            </div>
        </div>
        <div class="ordf_right">
            确认订单
        </div>
    </footer>
</body>
</html>